<div class="col-md-12 process-query">
  <breadcrumbs data="breadcrumbsData"></breadcrumbs>


  <div class="page-toolbar">
    <div class="portlet-body">
      <div class="row">
        <div class="col-md-12" >
          <div class="portlet light">
            <!-- <div class="portlet-title">
                <div class="caption font-dark">
                    <i class="htrd-icon-process-sm font-dark"></i>
                    <span class="caption-subject bold uppercase" style="float: left;margin-top: 3px">流程列表</span>
                </div>
            </div> -->
            <div class="portlet-body" >

              <!--流程列表的首页-->
              <div class="row">

                <!--tree的搜索及展示-->
                <div class="col-md-2" style="padding:0">
                  <div class="portlet light ">
                    <div class="portlet-title" style="height:34px!important">
                      <div class="caption">
                       <i class="htrd-icon-process-list-sm" style="float:left;margin-top: -12px;"></i>
                        <span class="caption-subject font-blue-sharp bold uppercase" style="float:left; margin-top:-12px">流程列表</span>
                      </div>
                    </div>
                    <div class="portlet-body xb-tree-wrap">
                      <div tree-item tree-data="treeData" call-back="treeCallBack"></div>
                    </div>
                  </div>
                </div>

                <!--全部状态的搜索及展示-->
                <div class="col-md-10 htrd-process-list-tree">
                  <div class="htrd-process-list-query">
                    <!--搜索条-->
                    <div class="input-group htrd-process-list-input">
                      <input type="text" class="form-control" placeholder="流程名称" style="border: none;font-size:12px;height:31px" ng-model="query" >
                      <!-- <span class="input-group-btn">
                        <a href="javascript:;" class="btn submit">
                            <i class="icon-magnifier"></i>
                        </a>
                      </span> -->
                    </div>

                    <!-- <div style="float: left; height: 35px;line-height: 35px; margin-left: 10px; border: none;">
                      <label>审核状态:</label>
                    </div> -->

                    <!-- 下拉列表 -->
                    <!-- <div style="float: left; height: 35px; margin-left: 10px; border: none;">
                      <dropdownmenu list="stateReviewerOptions" default-text="reviewerSelected" call-back="changeReviewerState"></dropdownmenu>
                    </div> -->

                    <!-- 下拉列表 -->
                    <div class="htrd-process-list-menu">
                      <label class="htrd-process-list-label">流程状态 : </label>
                      <dropdownmenu list="stateOptions" default-text="stateSelected" call-back="changeState" style="float:left"></dropdownmenu>
                    </div>

                    <!-- 编辑时间 -->
                    <!-- <div style="float: left; height: 35px;" >
                      <form class="form-inline">
                        <div class="form-group" >
                          <label style="margin: 0px 10px;" >编辑时间:</label>
                          <input type="text" class="form-control" ng-model="editTime" placeholder="编辑时间" bs-datepicker style="width: 140px;">
                        </div>
                        <div class="form-group" >
                          <label style="margin: 0px 10px;" >审核时间:</label>
                          <input type="text" class="form-control" ng-model="auditTime" placeholder="审核时间" bs-datepicker style="width: 140px;">
                        </div>
                      </form>
                    </div> -->

                    <!-- 查询 -->
                    <div class="htrd-process-list-querybtn" ng-click="search()">
                      <i class="htrd-list-query"></i>
                      <span class="htrd-process-list-querytext">查询</span>
                    </div>

                    <!-- 创建流程 -->

                    <div class="htrd-process-list-creatbtn" ng-click="toManagerCreat()">
                      <i class="htrd-list-creat"></i>
                      <span class="htrd-process-list-creattext">创建流程</span>
                    </div>
                    <div class="htrd-l-clear"></div>
                  </div>
                  <div style="border-bottom:1px solid #e6e6e6; margin: 10px 0"></div>
                  <div class="table-scrollable">
                    <table class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline htrd-home-table">
                      <thead>
                        <tr>
                          <th class="sorting index" ng-class="{true:'sorting_asc', false:'sorting_desc'}[classIdState]" ng-click="changeIdOrder()" style="min-width:60px">ID</th>
                          <!-- <th class="status">审核状态</th> -->
                          <th class="status">流程状态</th>
                          <th class="name">流程名称</th>
                          <th class="group ">分类</th>

                          <th class="count">节点数</th>
                          <th class="creator">创建人</th>
                          <th class=" sorting date" ng-class="{true:'sorting_asc', false:'sorting_desc'}[classCreatState]"  ng-click="changeCreatOrder()">创建时间</th>
                          <th class="modifier">修改人</th>
                          <!-- <th class="modifier">审核人</th> -->
                          <!-- <th class="sorting date" ng-class="{true:'sorting_asc', false:'sorting_desc'}[classReviewState]"  ng-click="changeReviewOrder()" class="date">审核时间</th> -->
                          <th style="min-width: 150px;"> 操作</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr ng-repeat="item in processList" >
                          <td ng-bind="item.id"></td>
                          <!-- <td ng-bind="item.status"></td> -->
                          <td ng-bind="item.lock_on"></td>
                          <td  class="htrd-list-ellipsis pipeline_name" ng-class="{true:'htrd-manager-list-blue',false:'htrd-manager-list-gray'}[!isClick]" ng-bind="item.name" ng-attr-title="{{item.name}}" ng-click="toManagerProcess($event, item.id)"></td>
                          <td class="htrd-list-ellipsis group_name" ng-bind="item.group_name" ng-attr-title="{{item.group_name}}"></td>

                          <td ng-bind="item.node_count"></td>
                          <td ng-bind="item.creator_name"></td>
                          <td ng-bind="item.created_at"></td>
                          <td ng-bind="item.modifier_name"></td>
                          <!-- <td ng-bind="item.reviewer_name"></td>
                          <td ng-bind="item.reviewed_at"></td> -->
                          <td>
                            <div style="margin: 0px auto;" >
                             <div style="margin-right: 5px;" class="htrd-l-fl" ng-class="{true:'htrd-manager-list-blue',false:'htrd-manager-list-gray'}[isClick]" ng-click='toManagerEdit(item)'>编辑</div>
                             <!-- <div style="margin-right: 5px;" class="htrd-l-fl" ng-class="{true:'htrd-manager-list-blue',false:'htrd-manager-list-gray'}[isClick]" ng-click='toManagerRevirwer(item)'>审核</div> -->
                             <!-- <div style="margin-right: 5px;" class="htrd-manager-list-blue htrd-l-fl" ng-click='toManagerSchedule(item)'>流程调度</div> -->
                            </div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </div>

                  <div>
                    <div page></div>
                  </div>



                </div>
              </div>



            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
